<!--{template "header"}-->
<script type="text/javascript">
var Tday = new Array();
var daysms = 24 * 60 * 60 * 1000
var hoursms = 60 * 60 * 1000
var Secondms = 60 * 1000
var microsecond = 1000
var DifferHour = -1
var DifferMinute = -1
var DifferSecond = -1
function clock(key)
  {
   var time = new Date()
   var hour = time.getHours()
   var minute = time.getMinutes()
   var second = time.getSeconds()
   var timevalue = ""+((hour > 12) ? hour-12:hour)
   timevalue +=((minute < 10) ? ":0":":")+minute
   timevalue +=((second < 10) ? ":0":":")+second
   timevalue +=((hour >12 ) ? " PM":" AM")
   var convertHour = DifferHour
   var convertMinute = DifferMinute
   var convertSecond = DifferSecond
   var Diffms = Tday[key].getTime() - time.getTime()
   DifferHour = Math.floor(Diffms / daysms)
   Diffms -= DifferHour * daysms
   DifferMinute = Math.floor(Diffms / hoursms)
   Diffms -= DifferMinute * hoursms
   DifferSecond = Math.floor(Diffms / Secondms)
   Diffms -= DifferSecond * Secondms
   var dSecs = Math.floor(Diffms / microsecond)
   
   if(convertHour != DifferHour) a1="剩余时间：<span class=digital>"+DifferHour+"</span>天";
   if(convertMinute != DifferMinute) b1="<span class=digital>"+DifferMinute+"</span>时";
   if(convertSecond != DifferSecond) c1="<span class=digital>"+DifferSecond+"</span>分"
     d1="<span class=digital>"+dSecs+"</span>秒"
     if (DifferHour>0) {a1=a1} 
     else {a1=''}
   document.getElementById(key).innerHTML = a1 + b1 + c1 + d1; //显示倒计时信息
  
  }
</script>
<style>
.block, .w {
width: 980px;
height: auto;
margin: 0 auto;
text-align: left;
}

.channelList .intro {
	background:#fff;
	/*margin-bottom:10px;*/
	padding:10px;
	display:block;
height: auto;
}
.channelList .clearfix{
	zoom: 1;
}
.channelList .intro .left {
	margin-right: 15px;
	width: 420px;
	margin-left: 0;
	height:180px
}
.channelList .intro .right {
	width: 500px;
	
}
.channelList .intro .top {
	background: #fafafa;
	border: 1px solid #fafafa;
}
.channelList .intro h4 {
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 5px;
	color: #333;
	margin-top: 13px;
}
.channelList .intro p {
	padding-bottom: 10px;
	line-height: 20px;
	font-size: 13px;
}
.channelList .intro .top .djs {
	height: 44px;
	padding-right: 10px;
	line-height: 44px;
	font-size: 12px;
	font-weight: normal;
	display: inline;
	color: #ff4500;
}
.channelList .intro .top img {
	width: 122px;
	float: left;
}
.channelList .intro .discount {
	float: left;
	color: #ff4500;
	margin: 2px 0 0 24px;
	font-family: 'Microsoft Yahei';
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	line-height: 40px;

}
 .discount span {


	font-family: Arial;
	font-size: 34px;
	vertical-align: -3px;
}

.channelList .intro .top .r{
	float: right;
	TEXT-ALIGN: right !important;	
}
.goodsItem {
width: 237px;
float: left;
margin: 10px 8px 10px 8px;
display: inline;
font-family: Arial, Helvetica, sans-serif;
}
.Left {
float: left;
}


</style>
<div class="mt20"></div>
<div class="block channelList clearfix" >
<div class="intro clearfix">
          <div class="left Left"><img src="{$topic_info['big_img']}" width="406" height="180" alt="{$topic_info['title']}"></div>
          <div class="right Left">
            <div class="top clearfix">
                <div class="pink r djs">
                                      <span id="timer_title">剩余时间：<span class="digital">17</span>天<span class="digital">8</span>时<span class="digital">24</span>分<span class="digital">14</span>秒</span>
                </div>
                <img src="{$topic_info['small_img']}" alt="" width="122" height="44">
                <div class="discount">
                    <span>{$topic_info['zhekou']}</span>起                </div>
            </div>
            <h4>{$topic_info['title']}</h4>
            <p>{$topic_info['intro']}</p>
          </div>
</div>
 <script type="text/javascript">
	Tday['timer_title'] = new Date("{echo date('M d, Y H:i:s',$topic_info['end_time'])}");   
	window.setInterval(function()     
	{clock('timer_title');}, 1000);     
	</script> 		
</div>

<div class="clear"></div>



<div class="site-fs">
<!--{~logic('city')->topic_place_navigate()}-->
<!--{~logic('sort')->topic_product_navigate()}-->
</div>




<!-- 团购商品列表 start -->
<script type="text/javascript">
var __Timer_lesser_auto_accuracy = {echo ini('ui.igos.litetimer') ? 'true' : 'false'};
var __Timer_lesser_worker_max = {echo (int)ini('ui.igos.litetimer_wm')};
</script>
<!--{~ui('loader')->js('@time.lesser')}-->
<style type="text/css">
.List{ width:1000px; margin:0;}
.List .item{ width: 315px;margin-right: 14px; margin-left:0;}
.List .item .deal-tile__cover,.List .item .deal-tile__cover_img,.List .item .imgs_displayer #imageslider,.List .item .imgs_displayer  #imageslider img{ width: 100%;}
.List .item .mb_0626 b{ font-size:14px;}
.List .item .deal-tile__cover{margin-bottom: 8px;height: 190px;}
.List .item .deal-tile__cover_img {height: 190px;line-height: 190px;}
.List .item .imgs_displayer #imageslider {height: 190px;}
.List .item .imgs_displayer #imageslider img {
width: 287px;
height: 190px;
}
</style>
<div class="site-ms">
<div class="site-ms__left List">
{loop $product $item}
{eval $icc++}
<div class="t_area_out item " >
<div class="t_area_in" >
<div class="deal-tile__cover">
<div class="deal-tile__cover_img">
{eval ui('iimager')->single($item['id'], $item['imgs'][0])}
</div>
</div>
<table class="deal-tile__title">
<tbody>
<tr>
<td>
<div class="at_jrat_title"><a href="?view={$item['id']}" target="_blank">{$item['name']}</a></div>
</td>
</tr>
</tbody>
</table>
<div class="deal-tile__detail">
<div class="price">&yen;{$item['nowprice']}</div>
<div class="at_shuzi">
<ul>
<li style="line-height:39px;padding:0;"><span>原价:</span><b class="prime_cost ">&yen;{$item['price']}</b></li>
</ul>
</div>
<div class="deal_g">
<div class="gsee">
<a href="?view={$item['id']}" target="_blank"><div class="gotosee">去看看</div></a>
</div>
</div>
</div>
<div class="deal-tile__extra">
{if $item['preprice']}
<div class="yufu">
<span>{TUANGOU_STR}价:</span><b>&yen;$item['preprice']</b>
</div>
{/if}
<div id="tuanState" class="mb_0626"><b>{$item['succ_buyers']}</b>人已购买</div>
</div>	
</div>
</div>
{/loop}
<div class="product_list_pager">{~page_moyo()}</div>
</div>
</div>
<!-- 团购商品列表 end -->
<!--{~ui('iimager')->single_lazy()}-->

<!--{template "footer"}-->